<template>
  <div id="app">
    <router-view/>
    <v-tour name="myTour" :steps="steps" :options="myOptions"></v-tour>
  </div>
</template>
<script>
export default {
  data () {
    return {
      myOptions: {
        useKeyboardNavigation: false,
        labels: {
            buttonSkip: '退出',
            buttonPrevious: '上一步',
            buttonNext: '下一步',
            buttonStop: '完成'
        }
      },
      steps: [
          {
            target: '.navbar-two',
            content: '新增 导航二 菜单'
          },
          {
              target: '#notify-icon',

              content: '个人通知相关'
          }

      ]
    }
  },
  mounted() {
      this.$tours['myTour'].start()
  }
}

</script>

<style lang="scss" scoped>
#app {
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    padding: 0px;
    margin: 0px;
}
</style>
